<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    /*  
    • 全局变量 
        – 在所有凼数乊外定义，或者没有通过 var 声明的变量 
        – 其作用范围是同一个页面文件中的所有脚本
    • 局部变量 
        – 通过 var 声明且定义在凼数体乊内的变量
        – 叧作用于该凼数体 
    */
    //首先在当前作用域寻找符合的变量打印，
    //如果没有就找上一级的作用域中符合的变量
    //js中作用域是以函数为单位的

    //没有使用var声明的变量，自动升为全局变量
    var userName = "zhangsan ";

    function showName(){
        var userName = "小胖";
        age = 10;
        (function(){
            
            console.log(userName);
        })();
    }
    showName();
    document.write(userName,age);


    var num = 100; 
    function sayNum(){ 
        num = 200; 
        console.log(num);
    }
    sayNum();    
    console.log(num);

</script>
</html>